import { createApp } from 'vue'
import App from './App.vue'

// 全局样式
import './style.css'

// 创建Vue应用实例
const app = createApp(App)

// 全局错误处理
app.config.errorHandler = (err, _instance, info) => {
  console.error('Vue 应用错误:', err)
  console.error('错误信息:', info)
}

// 全局警告处理
app.config.warnHandler = (msg, _instance, trace) => {
  console.warn('Vue 警告:', msg)
  if (trace) {
    console.warn('追踪信息:', trace)
  }
}

// 挂载应用
app.mount('#app')

// 开发环境提示
if (import.meta.env.DEV) {
  console.log('🚀 Vue3 响应式基础实例应用已启动')
  console.log('📚 项目包含8个实战示例，涵盖Vue3核心概念')
  console.log('💡 建议按顺序学习，从基础到进阶')
}